<template>
    <view class="bodys">
        <view class="justCotain">
            <view class="justCell">
                <view class="">
                    用户姓名
                </view>
                <view class="justColor">
                    {{userInfo.acctName}}
                </view>
            </view>
            <view class="justCell">
                <view class="">
                    手机号
                </view>
                <view class="justColor">
                    {{phone}}
                </view>
            </view>
            <view class="justCell">
                <view class="">
                    身份证
                </view>
                <view class="justColor">
                    {{ idCard }}
                </view>
            </view>

        </view>
    </view>
</template>

<script>
    import util from '@/common/utils.js'
    export default {
        data() {
            return {
                phone: '',
                idCard: '',
                userInfo: '',
            }
        },
        onLoad() {
            this.userInfo = util.getUserInfo()
            this.phone = (util.maskNumber(this.userInfo.phoneNo));
            this.idCard = (util.maskNumber(this.userInfo.acctIdNo));
        },

        methods: {

        }
    }
</script>

<style lang="scss" scoped>
    .bodys {
        background-color: #f7f8fa;
        min-height: 100%;
        width: 100%;

        .justCotain {
            border-radius: 12rpx;
            float: left;
            background-color: #fff;
            margin-top: 20rpx;
            width: 100%;

            .justCell {
                width: 94%;
                margin: 0 3%;
                height: 95rpx;
                line-height: 95rpx;
                border-bottom: 1px solid #f8f8f8;
                display: flex;
                justify-content: space-between;

                .justColor {
                    color: #999;
                    font-size: 28rpx;
                }
            }

            &:active {
                background: #f2f2f2;
            }

            &:last-child {
                border-bottom: none !important;
            }
        }
    }
</style>